<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<%@ page import="java.util.ArrayList" %>
<%@ page import="javax.servlet.http.HttpSession" %>
<%@ page import="com.xxxx.model.Department" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>管理员管理系统</title>
    <script type="text/javascript">

        function altRows(id){
            if(document.getElementsByTagName){

                var table = document.getElementById(id);
                var rows = table.getElementsByTagName("tr");

                for(i = 0; i < rows.length; i++){
                    if(i % 2 == 0){
                        rows[i].className = "evenrowcolor";
                    }else{
                        rows[i].className = "oddrowcolor";
                    }
                }
            }
        }

        window.onload=function(){
            altRows('alternatecolor');
        }
    </script>
    <style>
        *{margin:0;padding:0;}
        html,body,#contain{width:100%;height:100%;background-color:Gainsboro;}
        #head{height:10%;background-color:#87CEEB;position: relative;}
        .tu{width:10%;height:100%;padding-left:6%;}
        .word{position: absolute;top:20%;left:40%;font-family:YouYuan;color:red;font-size: 45px;}
        .head-text{position: absolute;top:60%;right:10%;font-size:25px;}
        #conten{width:100%;height:90%;}
        .right{width:89.5%;height:100%;float:right;border-top:2px #fff solid;border-left:2px #87CEEB solid;}
        .left{width:10%;height:100%;border-top:1px #fff solid;border-right:1px #87CEEB solid;postion:left;float:left;}
        .nav{width:100%;height:5%;background-color:DodgerBlue;border-bottom:1px #fff solid;position: relative;}
        .nav1{width:100%;height:3%;position: relative;}
        .tu2{width:16%;height:90%;padding-left:11%;}
        .tu1{width:20%;height:70%;padding-left:6%;}
        .word1{position: absolute;top:15%;right:2%;color:#fff}
        .word2{position: absolute;top:20%;right:58%;}
        .nav2{width:100%;height:3%;position: relative;background-color:Moccasin;margin-bottom:5px;margin-top:5px;}
        .tu3{width:13%;height:80%;padding-left:20%;}
        .word3{position: absolute;top:12%;right:15%;}
        .nav3{width:100%;height:3%;position: relative;margin-top:5px;}
        .nav4{width:100%;height:3%;position: relative;margin-top:5px;}
        .tu5{width:13%;height:80%;padding-left:20%;}
        .tu4{width:13%;height:80%;padding-left:20%;}
        .word5{position: absolute;top:12%;right:15%;}
        .word4{position: absolute;top:12%;right:15%;}
        .right-head{width:100%;height:5%;background-color:DodgerBlue;border-bottom:2px #fff solid;}
        .right-word{color:#fff;padding-top:0.5%;}
        .right-content{width:100%;height:5%;position: relative;}
        .right-img{width:3%;height:90%;}
        .right-word1{position: absolute;top:20%;left:3%;}
        .right-img1{width:2%;height:70%;padding-left:3%;}
        .right-word2{position: absolute;top:20%;left:9%;}
        .right-img2{width:2%;height:70%;padding-left:3%;}
        .right-word3{position: absolute;top:20%;left:14%;}
        .footer{width:100%;height:90%;}
        a{text-decoration:none;}
        a:hover{color:red;}
        .left-table{width:100%;height:80%;}

        .center_bottom input{
            color:#03515d;
            font-size:12px;
            height:20px;
            width:40px;
            padding:2px;
            vertical-align:middle;
            text-align:center;
            margin-bottom:6px;
        }
        /**************************布局部分********************/
        .table_div{
            width:1000px;
            padding:10px;
            margin:0 auto;
        }
        .div_clear{
            clear:both;
        }
        .left_top{
            height:30px;
            width:12px;
            float:left;
        }
        .left_center{
            height:400px;
            width:12px;
            float:left;
        }
        .left_bottom{
            height:35px;
            width:12px;
            float:left;
        }


        .center_top{
            height:30px;
            line-height:30px;
            width:900px;
            float:left;
        }
        .center_center{
            height:400px;
            width:900px;
            float:left;
        }
        .center_bottom{
            height:35px;
            width:900px;
            float:left;
            line-height:35px;
        }
        .right_top{
            height:30px;
            width:15px;
            float:left;
        }
        .right_center{
            height:400px;
            width:15px;
            float:left;
        }
        .right_bottom{
            height:35px;
            width:15px;
            float:left;
        }
        /**************************************表格内容***********************************/
        .table_content{
            margin:5px;
            border:1px solid #B5D6E6;
            width:890px;
            height:390px;
            overflow-x:hidden;
            overflow-y:auto;
        }


        .table_content table{
            width:100%;
            border:0;
            border-collapse:collapse;
            font-size:12px;
        }
        .table_content table tr:hover{
            background-color:#C1EBFF;
        }
        .table_content table th{
            border-collapse:collapse;
            height:22px;
            background-color:Moccasin;
            border-right:1px solid #B5D6E6;
            border-bottom:1px solid #B5D6E6;
        }
        .table_content table td{
            height:22px;
            word-wrap:break-word;
            max-width:200px;
            text-align:center;
            vertical-align:middle;
            border-right:2px solid #B5D6E6;
            border-bottom:2px solid #B5D6E6;
        }
        .ul{width:100%;height:100%;display:flex;margin-left:10px;}
        .li{justify-content:space-around;align-items:flex-end;font-size:20px;color:#fff;width:10%;height:95%;list-style:none;margin-left:30px;}
        .li:hover{background-color:#666666;}
    </style>
</head>
<body>

<div id="contain">
    <div id="head">
        <img src="图片/6.png" class="tu">
        <h1 class="word">医院管理系统</h1>
        <div class="head-text">
            <p>欢迎您：</p>
        </div>
    </div>
    <div id="conten">
        <div class="left">
            <div class="nav">
                <img src="${pageContext.request.contextPath}/pic/8.ico" class="tu1">
                <p class="word1">管理系统</p>
            </div>
            <div class="nav1">
                <img src="${pageContext.request.contextPath}/pic/a3.ico" class="tu2">
                <p class="word2">根</p>
            </div>
            <div class="nav2">
                <img src="${pageContext.request.contextPath}/pic/f1.ico" class="tu3">
                <p class="word3"><a href="#">科室管理</a></p>
            </div>
            <div class="nav3">
                <img src="${pageContext.request.contextPath}/pic/f3.ico" class="tu4">
                <p class="word4">人员管理</p>
            </div>
        </div>
        <div class="right">
            <div class="right-head">
            </div>
            <div class="right-content">
                <img src="${pageContext.request.contextPath}/pic/delete.png" class="right-img">
                <p class="right-word1"><a href="#">删除</a></p>
                <img src="${pageContext.request.contextPath}/pic/add.png" class="right-img1">
                <p class="right-word2"><a href="luruscore.jsp">添加</a></p>
                <img src="${pageContext.request.contextPath}/pic/user.png" class="right-img2">
                <p class="right-word3"><a href="${pageContext.request.contextPath}/queryall">查询</a></p>
            </div>
            <div class="footer">
                <div class="table_div">
                    <div class="div_clear">
                          <div class="left_top"></div>
                          <div class="center_top">
                          <div style="float:left">
                          <img src="图片/4.jpg" width="16px" height="16px" style="vertical-align:middle"/>
                          <span style="font-weight:bold">你当前的位置</span>：[业务中心]-[我的邮件]
                          </div>
                          <div style="float:right;padding-right:6px">
                          <img width='16' height='16' src="${pageContext.request.contextPath}/pic/add.png" style="vertical-align:middle"/>
                        <a href="${pageContext.request.contextPath}/toAddpart">新增</a>&nbsp;
                          <img width='16' height='16' src="${pageContext.request.contextPath}/pic/user.png" style="vertical-align:middle"/>
                        <a href="#">修改</a>&nbsp;
                          <img width='16' height='16' src="${pageContext.request.contextPath}/pic/delete.png" style="vertical-align:middle"/>
                        <a href="#">删除</a>
                          </div>
                          </div>
                          <div class="right_top"></div>
                          </div>
                      <div class="div_clear">
                      <div class="left_center"></div>
                      <div class="center_center">
                      <div class="table_content">
                      <table cellspacing="0px" cellpadding="0px">
                      <thead >
                      <tr>
                      <th width="16%">学号：</th>
                      <th width="16%">课程名称：</th>
                      <th width="16%">成绩：</th>
                    <th width="16%">成绩uikj：</th>
                    <th wdith="16%" >操作</th>
                      </tr>
                  </thead>
                       <tbody>
                <c:forEach var="book" items="${requestScope.get('list')}">
                    <tr>
                        <td>${book.getCode()}</td>
                        <td>${book.getPartname()}</td>
                        <td>${book.getAbbreviation()}</td>
                        <td>${book.getPinyin()}</td>
                        <td>
                            <a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.getBookID()}">更改</a> |
                            <a href="${pageContext.request.contextPath}/book/del?id=${book.getBookID()}">删除</a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
                      </table>
                      </div>
                      </div>
                      <div class="right_center"></div>
                      </div>
                      <div class="div_clear">
                      <div class="left_bottom"></div>
                      <div class="center_bottom">
                       <span>&nbsp;&nbsp;共有 120 条记录，当前第 1/10 页</span>
                       <div style="float:right;padding-right:30px">
                       <input type="button" value="首页"/>
                       <input type="button" value="上页"/>
                       <input type="button" value="下页"/>
                       <input type="button" value="尾页"/>
                       <span>查找成绩</span>
                       <input type="text" id="lookup" size="1"/>
                       <input type="submit" name="submit" value="查找" onclick="javascript:find();"/>
                       </div>
                      </div>
                      <div class="right_bottom"></div>
                      </div>
                     </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
